<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="shortcut icon" href="../image/image2D.png">
    <title>演示-2 | image2D - Drawing Two-Dimensional Pictures Using ECMAScript. </title>
    <meta name="Keywords" content="image2D canvas svg docs api" />
    <meta name="author" content="你好2007" />
    <meta name="email" content="2501482523@qq.com" />
    <script src="https://unpkg.com/image2d"></script>
    <script>
        console.log(
            '\u001B[92m👉   Thank you for using (\u001B[94m https://github.com/hai2007/image2D \u001B[92m) as the Image2D Library! 🍇\u001B[0m\n'
        );;

    </script>
</head>

<body>
        <a href="https://github.com/hai2007/image2D/blob/master/docs/inline/example-2.html" target="_blank">查看源码</a>
    <svg id='painter'></svg>
    <script>

        // 获取画笔
        var painter = $$('#painter').attr({
            "width": 300,
            "height": 300
        }).painter();

        // 配置画笔
        painter.config({
            'strokeStyle': 'red',
            'lineWidth': 3,
            'lineDash': [5]
        });

        // 绘制
        painter.bind('<path>').appendTo().strokeArc(150, 150, 100, 130, Math.PI / 2, Math.PI / 2 * 3);

    </script>
</body>

</html>
